<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文字样式</title>
		<style>
			/* 
			 英文单词 green
			 
			 十进制写法
				
			十六进制写法
			 
			 */
			a{
				text-decoration: none;
			}
			div{
				width: 400px;
				height: 400px;
				background-color: rgba(110, 110, 110,0.5);
				text-align: center;
				line-height: 400px;
				color: #f00;
				text-decoration: overline;
				font-family: '黑体';
				font-weight: bold;
			}
			img{
				vertical-align: middle;
			}
			h1{font-weight: normal;}
			p	{
				width: 200px;
				background-color: #f00;
				text-indent: 20px;
			}
		</style>
	</head>
	<body style="background-image: url(./image/1.png);">
		<h1>55555</h1>
		<a href="">55555</a>
		<div>
			文本对齐于基线
			<img src="./image/2.png" alt="">
		</div>
		<p>
			文本对齐于基线文本对齐于基线文本对齐于基线文本对齐于基线文本对齐于基线文本对齐于基线文本对齐于基线
			文本对齐于基线文本对齐于基线文本对齐于基线文本对齐于基线文本对齐于基线文本对齐于基线文本对齐于基线
		</p>
		
		
		
		
		<!-- 
		 文本样式    baseline
		 		文本垂直对齐方式	vertical-align  top  bottom  middle   文本跟文本之间的垂直对齐方式
		 		文本水平对齐方式			text-align：  center  left  right
		 		行高 	line-height    当行高跟父集盒子一样的时候  文本在父集盒子上下居中
		 		文字大小  font-size  浏览器有一个默认文字大小16px  浏览器文字大小最小12px
		 		文字颜色 color
		 		文字装饰 text-decoration  none  underline  line-through overline
		 		文字字体 font-family 默认字体 微软雅黑
		 		文本缩进 text-indet		 
		 		文字加粗  font-weight 值 100-900 越来越粗  blod 加粗  normal 不加粗
		 	PS: chrome调试工具 看html和css  查看  指定  修改 添加  
		 		样式感叹号 删除线 的意义
		 -->
	</body>
</html>